<!-- 
    1. v-cloak 插值内容还没有 设置时， 界面原始代码与差值设置之间存在界面内容闪烁的情况
    2. v-text、v-html 设置标签内容
    3. v-bind: 给标签属性 绑定值 简写： 可以只写一个 冒号 :
    4. v-on: 给标签绑定事件(click、 mouseover ...)  简写 可以将 v-on: 替换成 @
    5. 标签绑定事件的 修饰 
        + .stop       阻止冒泡
        + .prevent    阻止默认事件
        + .capture    添加事件侦听器时使用事件捕获模式
        + .self       只当事件在该元素本身（比如不是子元素）触发时触发回调
        + .once       事件只触发一次
    6. v-model 表单控件 数据双向绑定
    7. 通过绑定 :class="{xxx:xxx}" 类名的方式设置样式， 通过绑定 行内样式 :style="{样式属性：样式值}" 设置样式 , 等号后面的对象可以 是 data对象的属性
    8. v-for 指令遍历数据，注意： v-for创建的元素 需要绑定 :key 值 确保元素的 唯一性
    9. v-if 和 v-show 都可以控制元素的显示与隐藏， 
        v-if 为 false 就会直接删除节点 为true 就再次创建这一节点进行展示
        v-show 为 false 就会 设置样式为 style="display: none;" ,为 true时将样式 删除
 -->